﻿@using Kaiser.Cubic.Service
@{
    var service = new CubicServiceClient();
    var productCategories = service.GetProductCateogrys("1");

    var aboutCubicCategoryList = service.GetNewsCategorysByParentCode("AboutCubic_English") ?? new NewsCategory[] { new NewsCategory() };
}
<div class="hei">
    <div class="hei_1">
        <div class="hei_1_title">Swimming Pool Heat Pumps</div>
        <div class="hei_1_li">
            <ul>
                @for (int i = 0; i < 5; i++)
                {
                    var item = productCategories[0].Categories[i];
                    <li><span>
                            <img src="/images/index_98.png" /></span><a href="@Url.Action("ProductList", "Product")?categoryId=@item.Id">@item.CategoryName</a></li>
                }
         
             
            </ul>
            <span>
                            <img src="/images/index_98.png" /></span><a  >More</a>
        </div>
    </div>
    <div class="xx">
        <img src="/images/index_92.png" /></div>
    <div class="hei_2">
        <div class="hei_2_title">Domestic Water heaters</div>
        <div class="hei_2_li">
            <ul>
                @foreach (var item in productCategories[1].Categories)
                {
                    <li><span>
                        <img src="/images/index_98.png" /></span><a href="@Url.Action("ProductList", "Product")?categoryId=@item.Id">@item.CategoryName</a></li>
                }
            </ul>
        </div>
    </div>
    <div class="xx">
        <img src="/images/index_92.png" /></div>
    <div class="hei_3">
        <div class="hei_3_title">Dehumidifier</div>
        <div class="hei_3_li">
            <ul style="display: none">
                <li><span>
                    <img src="/images/index_98.png" /></span><a href="#">Series</a></li>
                <li><span>
                    <img src="/images/index_98.png" /></span><a href="#">Spliter Series</a></li>
            </ul>
        </div>
    </div>
    <div class="xx">
        <img src="/images/index_92.png" /></div>
    <div class="hei_4">
        <div class="hei_4_title">About Cubic</div>
        <div class="hei_4_li">
            <ul>
                @foreach (var item in aboutCubicCategoryList[0].children)
                {
                       <li><a href="@if (!string.IsNullOrWhiteSpace(item.CategoryUrl))
                                    {
                                        @:@item.CategoryUrl
                                    }
                                    else
                                    {
                                        @:@Url.Action("NewsList", "News", new {ctid = @item.Id})
                                    }">@item.CategoryName</a></li>
                }
              
    
            </ul>
        </div>
    </div>
    <div class="xx">
        <img src="/images/index_92.png" /></div>
    <div class="bottomlogo"><a href="@Url.Action("Index","Home")">
        <img src="/images/index_95.png" /></a></div>
</div>
<div class="bottom">(C) Cubic Electrcal Appliance Co.,Ltd. All rights reserved. <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cspan id='cnzz_stat_icon_5691101'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s9.cnzz.com/stat.php%3Fid%3D5691101%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script></span></div>
